<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

  <script src="jquery-3.7.1.min.js"></script>
  <!--  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>-->

</head>
<body>


<div class="container">
  <p>这是div容器内的段落元素。</p>
  <ul>
    <li><p>这是嵌套在li元素内的段落元素。</p></li>
  </ul>
</div>


<h2>标题1</h2>
<p>段落1</p>
<h2>标题2</h2>
<p>段落2</p>
<div>
  <p>段落3</p>
</div>

<script>

  // $('#byId').css('background', 'pink'); // 设置背景色为粉色

  // $(".abc").css('background','red');

  // $("div").css('background','red');

  // $('*').css('background', 'yellow');


  // $("#byId1,.xyz,span").css('background', 'yellow');
  // $(".container p").css('background', 'yellow');
  // $(".container > p").css('background', 'yellow');
  // $("h2 + p").css('background', 'yellow');


  $("h2 ~ p").css('background', 'yellow');
</script>

</body>
</html>
